How to loop through data a certain number of times in Svelte

I've successfully connected my app to supabase - and it's fetching data from a table I've recently setup.

I've got the law-firm names appearing in a card template, so there's a seperate card for each h3 being pulled in.

I want to be able to loop through my database, and after fetching 4 sets of data (the law-firm name) I want to create a duplicate row underneath - fetch another 4 and continue this way (I'll sort out the pagination at a later date).

Any help would be appreciated as this is the first time I've used Svelte - and I've gone through multiple SO posts, as well as the svelte-kit documentation.

<script>    export let data;</script><ul class="flexCards">    {#each visibleLawFirms as LawF}<li class="cardShape"><h3>{LawF.lawfirmname}</h3></li>    {/each}</ul>