EJS/Javascript-对于每三个条目，写X

我目前正在学习使用NodeJS编写EJS视图。目前，我正在制作一个每行有三个项目的产品页面，所有项目都来自MongoDB。目前我有大约11项测试。然而，我在如何写一些具体的东西上遇到了麻烦。在每第三项之后，我需要写以下内容

</div>                                       
<div class="row">

我当前的循环如下所示。感谢您的帮助

<% data.forEach(function(item) { %>
    <div class="col-md-4 col-sm-4 col-xs-6">
        <div class="item">
            <!-- Use the below link to put HOT icon -->
            <!-- <div class="item-icon"><span>HOT</span></div> -->
            <!-- Item image -->
            <div class="item-image">
                <a href="/p/<%= item.id %>"><img src="/img/items/<%= item.id %>.jpg" alt="" class="img-responsive"/></a>
            </div>
            <!-- Item details -->
            <div class="item-details">
                <!-- Name -->
                <h5><a href="/p/<%= item.id %>"><%= item.title %></a></h5>
                <div class="clearfix"></div>
                <!-- Para. Note more than 2 lines. -->
                <p><%= item.desc %></p>
                <hr />
                <!-- Price -->
                <div class="item-price pull-left"><%= item.price %></div>
                <!-- Add to cart -->
                <div class="pull-right"><a href="/#" class="btn btn-danger btn-sm">Add to Cart</a></div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
<% }); %>

从第三次迭代开始，每三次打印一次

<% data.forEach(function(item, i) { %>
  // Stuff
  <% if((i + 1) % 3 === 0) %>
    </div>                                       
    <div class="row">
  <% } %>
<% }) %>

//东西