pętla for

Mam pętlę:
v-for="(record, index) in ranking"
ranking to tablica, chciałbym wyświetlić tylko 10 pierwszych elementów tej tablicy, jak to zrobić?

przed forem int temp = 0;, na końcu fora temp++;, na początku fora if (temp == 10) break;

Wariant 1: <div v-for="(record, index) in ranking" v-if="index < 10"> ... </div>
Wariant 2: <div v-for="(record, index) in ranking.slice(0, 5)"> ... </div>