How to iterate for X items in Thymeleaf?

Question

I have the template, where for four li elements I should have one ul element. How should I do this? Now I have something like:

<div th:each="excursion,iterStat : ${excursions}">
    <ul th:if="${iterStat.index}/4 == 0">
        <li>
            <a th:href="@{/excursion/{id}(id=${excursion.excursionId})}"><img src="/template/images/garden1.jpg" alt="Image" /></a>
            <h2 th:text="${excursion.title}"></h2>
            <p th:text="${#strings.abbreviate(excursion.description,128)}"></p>
        </li>
    </ul>
</div>

I thought if condition will be applied to the elvery ul element, but it hide every thing, including li element.

Answer 1

As per your comments, you needed a list with 4 items, the below will do the trick. Let me know if you got issues

<ul>
<div th:each="excursion,iterStat : ${excursions}" th:if="${iterStat.index}<5">    
        <li>
            <a th:href="@{/excursion/{id}(id=${excursion.excursionId})}"><img src="/template/images/garden1.jpg" alt="Image" /></a>
            <h2 th:text="${excursion.title}"></h2>
            <p th:text="${#strings.abbreviate(excursion.description,128)}"></p>
        </li>    
</div>
</ul>

EDIT 1: Further review based on provided data yields another possibility. Use Map instead of mass lists in Controller before you pass it:

Map<String, List<Excursion>> excursionsList;

Make sure you limit each excursion to 4 (as you require). Then in Thymeleaf iterate through the map.

<div th:each="excursion,rowStat : *{excursionsList}">
<ul>
<div th:each="list,iterStat : *{excursion[__${rowStat.index}__].value}">
//your code for each list item information such as excursionId, description etc.
</div>
</ul>
</div>

That should clean up your code heaps and make it as you need it.