Display 3 elements (cards) in an Array of 9 elements using the for loop

HI, I have the following code and im trying to display 3 elements in an Array that holds 9 elements. All the 9 elements are showing on the webpage and I used {{Kint}} to see how many elements exist but having difficulty to show only 3 ?

<div {{ attributes.addClass(classes) }}>
    <div class=”box-block-container” >
        {% if content.field_image.0 %}
      <div class=”image-container”>
        <div class=”w-100 h-100 color-filter-black”>
          {{ content.field_image.0 }}
        </div>
      </div>
    {% endif %}
    {% if content.field_formated_text %}
      <div class=”title-container”>
        <div class=”container”>
            {{ content.field_formated_text.0 }} 
        </div>
      </div>
    {% endif %}
                {{ kint(content.field_formatted_texts) }}
                {% for i in 0..2 %}
    {% if content.field_formatted_texts[i] %}
      <div class=”boxes-container”>
        <div class=”container”>
          <div class=”card-deck”>

            {% for boxText in content.field_formatted_texts %}
            <div class=”card”>
              <div class=”card-image”>
                {% if content.field_images[loop.index] %}
                    {# {{ content.field_images[loop.index] }} #}
                {% endif %}
              </div>
              <div class=”card-text”> 
                  {# {{ boxText }}  #}
                </div>
            </div>
            {% endfor %}
          </div>
        </div>
      </div>
    {% endif %}
  {% endfor %}
    </div> 
</div>

Drupal version: 


Source: https://www.drupal.org/taxonomy/term/22/feed