Build an html structure every n elements

Data chunking / Data splitting

What you are looking for is what we normally call "chunking", breaking a data set into smaller sets (chunks). There are also those who call it split or splitting.

First, if it noticiaswere an array like

[
   "noticia 1", 
   "noticia 2", 
   "noticia 3", 
   "noticia 4", 
   "noticia 5", 
   ...
]

Convert it to an array of arrays, style.

[
  ["noticia 1", "noticia 2"],
  ["noticia 3", "noticia 4"],
  ["noticia 5"]
]

If you cargar másmake any API requests or whatever gives you another normal array, just split the additional data into chunks and add them, keeping in mind that the last chunk may still have a free slot.

How to partition arrays into regular subsets (chunks)

I leave you a simple function

function chunk(array, size) {
  const chunks = []
  for(let i = 0; i < array.length; i += size) {
    chunks.push(array.slice(i, i+size))
  }
  return chunks
}

To convert your noticiasto chunks (skipping typing issues, I don't know if you use TypeScript)

noticias = chunk(noticias, 2)

If you happen to use a data processing library such as lodash , they usually already have this function, or a similar one.

With irregular sets a little more is needed

If you want to have chunks of 2 and 3 in a controlled way, you will have to make a custom algorithm. You can start from the suggested one and add some modification to it. For example, instead of a fixed size, you could have a set of sizes that are applied in order (and cyclically)

Example function to split into 2, 2, 3 and 3

function variableChunks(array, sizes) {
    const chunks = []
    let sizeIndex = 0
    let i = 0;
    while(i < array.length) {
        chunks.push(array.slice(i, i+sizes[sizeIndex]))
        i += sizes[sizeIndex]
        sizeIndex = (sizeIndex + 1) % sizes.length
    }
    
    return chunks
}

const noticias = ["n1", "n2", "n3", "n4", "n5", "n6", "n7", "n8", "n9", "n10", "n11", "n12", "n13", "n14"]

console.log(variableChunks(noticias, [2,2,3,3]))

NOTE: I'm leaving it with while because it's easier to see the variables update on each loop. to your liking

As you can see, it is cyclic according to the passed sizes array. The first two chunks will have size 2, the next two will be size 3, the next two will return to size 2, etc...

Chunk rendering in Vue

Veo que le estás dando una definición espacial a los chunks, y los entiendes como filas (rows), algo habitual y completamente correcto. Podrías recorrer el array de filas con un for, y con un for interno recorrer cada una de las noticias del chunk.

<div class="row"  v-for="row in noticias">
    <div class="noticia" v-for="noticia in row">
        {{noticia}}
    </div>
</div>

NOTA: usando div porque no sé qué semántica estás usando. Típicamente para una noticia se puede utilizar <article>. Si no quieres ninguna etiqueta (ni div, ni article, solo el texto plano como sugieres) puedes usar la etiqueta <template> que no aparecerá en el resultado final.

NOTA 2: dependiendo tu versión de Vue y de la forma de tus datos, su orden y frecuencia de actualización, puede ser conveniente usar la directiva :key en v-for.

IMPORTANTE Consejo adicional: considera solo CSS

Sometimes, to display news boards with different sizes and layouts, it is not even necessary to modify the data structure in the html (DOM) nor in the logical data, and it is a matter of rendering with CSS. If you really don't need to structure the data and you're just looking for a layout, you might be interested in simply having all the news in a row and modifying its layout with CSS. display: grid is very useful for this, but it can also be done in traditional ways with the nth-of-type or nth-child pseudoselector.