Как внедрить список объектов в карты начальной загрузки по 3 на строку и генерировать новые строки в зависимости от размера списка, используя тимилиф?

Question

У меня есть контроллер, который возвращает список объектов в качестве атрибута модели в шаблон тимелист.Внутри шаблона я пытаюсь отобразить информацию о каждом объекте как загрузочную карту с 3 картами в строке.Структура кода выглядит примерно так:

<div class="row justify-content-around" style="margin: 15px 0px 15px 0px">
    <div class="card col-sm-3" style="width: 18rem;padding: 5px">
        ....
        ....
    </div>
</div>

Я могу перебирать список и генерировать карты начальной загрузки, но я не понимаю, как создать новый <div class="row ..."> после перебора3 объекта из списка.

Один из способов, который я попробовал, - это отправить атрибут подсчета строк (количество строк, необходимое для генерации для хранения всех карт) в модели из контроллера и использовать ${#numbers.sequence(1,rowcount)} для генерации требуемых строк no.of, но тогда я не могу понять, как получить правильные объекты из списка, чтобы заполнить эту конкретную строку.Первая строка работает нормально, получая первые 3 объекта из списка.

Но как мне получить следующие 3 объекта из списка для 2-й строки и так далее?Можно ли как-нибудь объявить переменную и увеличивать ее каждый раз, когда я получаю объект из списка, используя ${list.get(counter)} для точной итерации по 3 объектам в строке?

В любом случае это можно сделать в тимелице?Любой вклад будет очень полезным.Спасибо.