Vue Js Break foreach loop

<html>
<head>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
    <h3>Vue Js Break foreach loop</h3>
    <div id="app">
        <div v-for="(item, index) in items" v-if="!breakLoop(index)">
            {{index}} {{ item.name }}
        </div>
      <pre>Skip Index: 2,5,9</pre>
    </div>
<script type="module">
        const app = new Vue({
            el: "#app",
            data() {
                return {
                    items: [
                        { name: "John Doe" },
                        { name: "Jane Doe" },
                        { name: "Michael Johnson" },
                        { name: "David Brown" },
                        { name: "Sarah Miller" },
                        { name: "Chris Davis" },
                        { name: "Jessica Wilson" },
                        { name: "Brian Anderson" },
                        { name: "Lauren Taylor" },
                        { name: "Kevin Chen" },
                        { name: "Emily Davis" },
                        { name: "Andrew Martinez" },
                        { name: "Rachel Lee" },
                        { name: "Thomas Smith" },
                        { name: "Elizabeth Wilson" }
                    ]
                };
            },
          methods: {
                breakLoop(index) {
                    let skipIndices = [2, 5, 9];
                    if (skipIndices.includes(index)) {
                        return true;
                    }
                    return false;
                }
            }
        })
    </script>
</body>
</html>