each block允许你迭代一个数组，并给你两个变量：当前元素作为其在数组中的索引。您可以将其与if块结合使用，以检查索引是否在您想要的范围内：
Svelte REPL Link的

<script>
    let data = [
    {id:1, name: 'John'},
    {id:2, name: 'Peter'},
    {id:3, name: 'Stev'},
    {id:4, name: 'Clar'},
    {id:5, name: 'Eyad'},
    {id:6, name: 'Vector'}
];
</script>

{#each data as person, index}
    {#if index < 4}
        <p>
            {person.name}
        </p>
    {/if}
{/each}

字符串
或者，您可以先使用.splice()，然后放弃if块：
Svelte REPL link的

<script>
    let data = [
    {id:1, name: 'John'},
    {id:2, name: 'Peter'},
    {id:3, name: 'Stev'},
    {id:4, name: 'Clar'},
    {id:5, name: 'Eyad'},
    {id:6, name: 'Vector'}
];
</script>

{#each data.slice(0, 4) as person}
    <p>
        {person.name}
    </p>
{/each}

型

您可以在{#each}的模板中或直接在脚本中应用.slice()。您可以在脚本块中使用任何有效的JS。

{#each data.slice(0, 4) as ...}

个字符
如果data可以改变，而你总是想要前四个元素，你可以使用React式语句：

$: slicedData = data.slice(0, 4)

型
请注意，如果元素可以以除了追加元素之外的其他方式更改，则数组上的{#each}也应该使用键（参见文档）。